<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
    <!-- 若您需要使用Kendo UI Professional，请联系版权人获得合法的授权或许可。 -->

    <!--蓝鲸提供的公用样式库 -->
    <link href="https://magicbox.bk.tencent.com/static_api/v3/bk/css-pro/bk.css" rel="stylesheet">
    <!--表依赖文件-->
    <link href="https://magicbox.bk.tencent.com/static_api/v3/assets/bk-icon-2.0/iconfont.css" rel="stylesheet">
    <!-- 如果要使用Bootstrap的js插件，必须先调入jQuery -->
    <script src="https://magicbox.bk.tencent.com/static_api/v3/assets/js/jquery-1.10.2.min.js"></script>
    <script src="https://magicbox.bk.tencent.com/static_api/v3/bk/js/bk.js"></script>
    <!-- 数据埋点统计 -->
    <script src="http://magicbox.bk.tencent.com/static_api/analysis.js"></script>
</head>

<body>
    <!--table start-->
    <table class="bk-table has-table-bordered bk-demo">
        <thead>
            <tr>
                <th>序号</th>
                <th>名称</th>
                <th>位置</th>
                <th>日期</th>
                <th>类型</th>
                <th>状态</th>
                <th>操作</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>1</td>
                <td>Ravi Kumar</td>
                <td>India</td>
                <td>23/12/2012</td>
                <td>Paid</td>
                <td>
                    <span class="fb bk-text-info">Active</span>
                </td>
                <td>
                    <a class="bk-icon-button bk-success bk-button-mini" title="成功">
                        <i class="bk-icon icon-check-1 bk-icon"></i>
                        <i class="bk-text">提交</i>
                    </a>
                    <a class="bk-icon-button bk-warning bk-button-mini" title="编辑">
                        <i class="bk-icon icon-edit bk-icon"></i>
                        <i class="bk-text">编辑</i>
                    </a>
                    <a class="bk-icon-button bk-danger bk-button-mini" title="关闭">
                        <i class="bk-icon icon-close bk-icon"></i>
                        <i class="bk-text">删除</i>
                    </a>
                </td>
            </tr>
            <tr>
                <td>2</td>
                <td>Ravi Kumar</td>
                <td>India</td>
                <td>23/12/2012</td>
                <td>Paid</td>
                <td>
                    <span class="fb bk-text-danger">Banned</span>
                </td>
                <td>
                    <a class="bk-icon-button bk-success bk-button-mini" title="成功">
                        <i class="bk-icon icon-check-1 bk-icon"></i>
                        <i class="bk-text">提交</i>
                    </a>
                    <a class="bk-icon-button bk-warning bk-button-mini" title="编辑">
                        <i class="bk-icon icon-edit bk-icon"></i>
                        <i class="bk-text">编辑</i>
                    </a>
                    <a class="bk-icon-button bk-danger bk-button-mini" title="关闭">
                        <i class="bk-icon icon-close bk-icon"></i>
                        <i class="bk-text">删除</i>
                    </a>
                </td>
            </tr>
            <tr>
                <td>3</td>
                <td>Ravi Kumar</td>
                <td>India</td>
                <td>23/12/2012</td>
                <td>Paid</td>
                <td>
                    <span class="fb bk-text-success">Active</span>
                </td>
                <td>
                    <a class="bk-icon-button bk-success bk-button-mini" title="成功">
                        <i class="bk-icon icon-check-1 bk-icon"></i>
                        <i class="bk-text">提交</i>
                    </a>
                    <a class="bk-icon-button bk-warning bk-button-mini" title="编辑">
                        <i class="bk-icon icon-edit bk-icon"></i>
                        <i class="bk-text">编辑</i>
                    </a>
                    <a class="bk-icon-button bk-danger bk-button-mini" title="关闭">
                        <i class="bk-icon icon-close bk-icon"></i>
                        <i class="bk-text">删除</i>
                    </a>
                </td>
            </tr>
            <tr>
                <td>4</td>
                <td>Ravi Kumar</td>
                <td>India</td>
                <td>23/12/2012</td>
                <td>Paid</td>
                <td>
                    <span class="fb bk-text-success">Active</span>
                </td>
                <td>
                    <a class="bk-icon-button bk-success bk-button-mini" title="成功">
                        <i class="bk-icon icon-check-1 bk-icon"></i>
                        <i class="bk-text">提交</i>
                    </a>
                    <a class="bk-icon-button bk-warning bk-button-mini" title="编辑">
                        <i class="bk-icon icon-edit bk-icon"></i>
                        <i class="bk-text">编辑</i>
                    </a>
                    <a class="bk-icon-button bk-danger bk-button-mini" title="关闭">
                        <i class="bk-icon icon-close bk-icon"></i>
                        <i class="bk-text">删除</i>
                    </a>
                </td>
            </tr>
            <tr>
                <td>5</td>
                <td>Ravi Kumar</td>
                <td>India</td>
                <td>23/12/2012</td>
                <td>Paid</td>
                <td>
                    <span class="fb bk-text-danger">Banned</span>
                </td>
                <td>
                    <a class="bk-icon-button bk-success bk-button-mini" title="成功">
                        <i class="bk-icon icon-check-1 bk-icon"></i>
                        <i class="bk-text">提交</i>
                    </a>
                    <a class="bk-icon-button bk-warning bk-button-mini" title="编辑">
                        <i class="bk-icon icon-edit bk-icon"></i>
                        <i class="bk-text">编辑</i>
                    </a>
                    <a class="bk-icon-button bk-danger bk-button-mini" title="关闭">
                        <i class="bk-icon icon-close bk-icon"></i>
                        <i class="bk-text">删除</i>
                    </a>
                </td>
            </tr>
        </tbody>
    </table>
    <!--table end-->
    <div class="modal fade" id="" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"
        data-backdrop="static">
        <div class="modal-dialog" style="width: 1000px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title" id="myModalLabel">修改计划</h4>
                </div>
                <form id="validate_form">
                    <div class="bk-form" style="width:900px;padding: 10px" id="validate_form">
                        <input type="hidden" id="award_id" class="bk-form-input">
                        <div class="bk-form-item">
                            <label class="bk-label" style="width:150px;">计划名称</label>
                            <div class="bk-form-content" style="margin-left:150px;">
                                <input type="text" class="bk-form-input" placeholder="请输入计划名称">
                            </div>
                        </div>
                        <div class="bk-form-item">
                            <label class="bk-label" style="width:150px;">计划类型</label>
                            <div class="bk-form-content" style="margin-left:150px;">
                                <select name="validation_select" class="bk-form-select">
                                    <option value="beijing">日计划</option>
                                    <option value="shanghai">周计划</option>
                                    <option value="guangzhou">月计划</option>
                                    <option value="shenzhen">单次计划</option>
                                </select>
                            </div>
                        </div>
                        <div class="bk-form-item">
                            <label class="bk-label" style="width:150px;">计划星级</label>
                            <div class="bk-form-content" style="margin-left:150px;">
                                <select name="validation_select" class="bk-form-select">
                                    <option value="beijing">一星计划</option>
                                    <option value="shanghai">二星计划</option>
                                    <option value="guangzhou">三星计划</option>
                                    <option value="shenzhen">四星计划</option>
                                </select>
                            </div>
                        </div>
                        <div class="bk-form-item">
                            <label class="bk-label" style="width:150px;">开始时间</label>
                            <input type="text" class="form-control daterangepicker_demo"
                                style="margin-left:150px;width: 450px;" id="daterangepicker_demo3"
                                placeholder="选择日期...">
                            <script type="text/javascript">
                                // 选择单个日期
                                $('#daterangepicker_demo1').daterangepicker({
                                    locale: {
                                        format: 'YYYY-MM-DD HH:mm:ss'
                                    },
                                    autoApply: true,//选择日期后自动设置值
                                    singleDatePicker: true,//单选选择一个日期
                                    timePicker: true,//支持时间选择
                                    timePicker24Hour: true,//开启24小时时间制
                                    timePickerIncrement: 5, //分钟间隔
                                    timePickerSeconds: true //开启分钟选择

                                });
                            </script>
                        </div>
                        <div class="bk-form-item">
                            <label class="bk-label" style="width:150px;">结束时间</label>
                            <input type="text" class="form-control daterangepicker_demo"
                                style="margin-left:150px;width: 450px;" id="daterangepicker_demo3"
                                placeholder="选择日期...">
                            <script type="text/javascript">
                                // 选择单个日期
                                $('#daterangepicker_demo1').daterangepicker({
                                    locale: {
                                        format: 'YYYY-MM-DD HH:mm:ss'
                                    },
                                    autoApply: true,//选择日期后自动设置值
                                    singleDatePicker: true,//单选选择一个日期
                                    timePicker: true,//支持时间选择
                                    timePicker24Hour: true,//开启24小时时间制
                                    timePickerIncrement: 5, //分钟间隔
                                    timePickerSeconds: true //开启分钟选择

                                });
                            </script>
                        </div>
                        <div class="bk-form-item">
                            <label class="bk-label" style="width:150px;">任务详情</label>
                            <div class="bk-form-content" style="margin-left:150px;">
                                <textarea name="" id="" class="bk-form-textarea" placeholder=""></textarea>
                            </div>
                        </div>


                        <div class="bk-form-item bk-form-action">
                            <div class="bk-form-content" style="margin-left:150px;">
                                <a class="bk-button bk-primary" id="submit" title="保存">
                                    <span>保存</span>
                                </a>
                                <a class="bk-button" title="取消">
                                    <span>取消</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </form>
                <div class="modal-footer">
                    <button type="button" class="bk-button bk-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="bk-button bk-primary" onclick="saveAward()">提交</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div>
</body>

</html>